import Image from "next/image";

import React from "react";


export default function guild({
  params,
}: {
  params: { lvRange: string };
}) {
  const data = [
    "Racing car sprays burning fuel into crowd.",
    "Japanese princess to wed commoner.",
    "Australian walks 100km after outback crash.",
    "Man charged over missing wedding girl.",
    "Los Angeles battles huge wildfires.",
  ];

  return (
    <main>
      <ul className="list-group">
        <li className="list-group-item active" aria-current="true">
          Afflites
        </li>
      </ul>
     

<table className="table  table-striped">
  <thead className="thead-light">
    <tr>
     
      <th scope="col">Level</th>
      <th scope="col">Quest Name</th>
     
    </tr>
  </thead>
  <tbody>
   
    <tr>
      <td>Jacob</td>
      <td><a href="/quest/{params.lvRange}/1">A Lesson On Job Advancement</a> </td>
    
    </tr>
    <tr>
      <td>Larry</td>
      <td><a href={"/quest/"+params.lvRange+"/2"}>Thornton</a></td>
      
    </tr>
  </tbody>
</table>
    </main>
  );
}
